* {
  text-decoration: none;
}
#bs-example-navbar-collapse-1 > ul > li > a {
  color: #fff;
}
#bs-example-navbar-collapse-1 > ul > li > a:hover {
  color: #1551db;
}
.picture {
  width: 100%;
  height: 480px;
  margin-top: -20px;
}
.picture img {
  width: 100%;
  height: 480px;
}
.jj {
  width: 100%;
  height: 480px;
  position: relative;
}
.title {
  width: 1312px;
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  text-decoration: none;
  margin: 55px 0 0 290px;
  position: absolute;
  text-align: center;
}
.content {
  width: 1312px;
  height: 290px;
  margin: 130px 0 0 290px ;
  position: absolute;
}
.content img {
  width: 546px;
  height: 214px;
  float: left;
  margin: 33px 0;
}
.jj-c {
  width: 600px;
  height: 290px;
  float: left;
  color: #000;
  margin: 0 60px;
}
.ys {
  width: 100%;
  height: 630px;
  position: relative;
  background: #F7FAFC;
}
.ys-content {
  width: 1312px;
  height: 375px;
  color: #666;
  position: absolute;
  margin: 145px 0 0 290px;
}
.introduceItem {
  width: 237px;
  height: 375px;
  float: left;
  margin: 0 45px;
}
.introduceItem img {
  width: 70px;
  height: 70px;
  margin: 0 0 20px 80px;
}
.itemTitle {
  width: 120px;
  height: 21px;
  margin: 5px auto;
  text-align: center;
}
.itemBorder {
  width: 40px;
  height: 2px;
  margin: 10px auto;
  background: #0a54dd;
}
.ds {
  width: 100%;
  height: 1625px;
}
.ds-title {
  width: 1312px;
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  text-decoration: none;
  margin: 55px 0 0 290px;
  text-align: center;
}
.ds-content {
  width: 1312px;
  height: 1435px;
  margin: 80px 0 0 290px;
  position: relative;
}
.ds-content img {
  width: 255px;
  height: 150px;
  margin: 0 0 0 0;
}
.ds-content .time1 {
  position: absolute;
  margin: 190px 0 0 355px;
}
.ds-content .time2 {
  position: absolute;
  margin: 640px 0 0 780px;
}
.ds-content .time3 {
  position: absolute;
  margin: 995px 0 0 355px;
}
#timeline {
  width: 500px;
  height: 1315px;
  top: 70px;
  left: 700px;
  list-style: none;
  border-left: 1px solid blue;
  position: relative;
}
#timeline > li {
  position: relative;
}
#timeline > .rt img {
  width: 20px;
  height: 20px;
  position: absolute;
  margin: -10px 0 0 -50px;
}
.sj {
  width: 380px;
  position: absolute;
  margin: -35px 0 0 -25px;
  display: block;
  float: left;
}
#timeline > .rt {
  margin: 0px 0 100px 0;
}
#timeline > .rt img {
  width: 20px;
  height: 20px;
  position: absolute;
  margin: -10px 0 0 -50px;
}
#timeline > .lt img {
  width: 20px;
  height: 20px;
  position: absolute;
  margin: -10px 0 0 -50px;
}
#timeline > .lt {
  margin: 0px 0 100px 0;
}
#timeline > .lt img {
  width: 20px;
  height: 20px;
  position: absolute;
  margin: -65px 0 0 -50px;
}
.lt > .sj {
  width: 380px;
  position: absolute;
  margin: -95px 0 0 -435px;
  display: block;
  text-align: right;
}
.ry {
  width: 100%;
  height: 740px;
  background: #F7FAFC;
}
.ry-content {
  width: 1205px;
  height: 530px;
  margin: 70px auto;
}
.honor {
  width: 570px;
  height: 530px;
  float: left;
  margin: 0 16px;
  background: #FFF;
}
.honorTime {
  width: 570px;
  height: 15px;
  margin-top: -5px;
  background: blue;
  position: relative;
  border-radius: 10px;
}
.honoritem {
  width: 150px;
  height: 30px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  position: absolute;
  margin: -7px 0 0 210px;
  background: blue;
  border-radius: 10px;
}
.honortext {
  width: 530px;
  height: 500px;
  list-style: none;
  margin: 20px 0 0 0;
}
.honortext > li {
  margin: 10px auto;
}
.honortext > li > p {
  margin: 0 35px 0 0;
  display: inline;
}
.lx {
  width: 100%;
  height: 585px;
}
.lx-content {
  width: 1300px;
  height: 340px;
  margin: 90px auto;
}
.map {
  width: 600px;
  height: 340px;
  float: left;
  margin: 0 118px 0 0;
  font-size: 40px;
  color: red;
  border: 1px solid black;
}
.phone {
  width: 582px;
  height: 340px;
  float: left;
}
.phone-text {
  width: 178px;
  height: 225px;
  margin: 70px 0 0 13px;
  float: left;
}
.phone-text img {
  width: 40px;
  height: 40px;
  margin: 0 0 0 65px;
}
.phone-title {
  font-size: 15px;
  color: #000;
  margin: 10px 0 0 55px;
}
.phone-btn {
  width: 30px;
  height: 5px;
  background: blue;
  border-radius: 5px;
  margin: 5px 0 0 70px;
}
.phone-word {
  font-size: 20px;
  color: #000;
  margin: 5px 0 0 15px;
}
.join {
  width: 100%;
  height: 280px;
  position: relative;
}
.join-us {
  position: absolute;
  width: 200px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  border-radius: 25px;
  background: blue;
  margin: 105px 0 0 810px;
}
.join-us a {
  text-decoration: none;
  color: #fff;
}
.join p {
  position: absolute;
  font-size: 18px;
  color: #fff;
  margin: 160px 0 0 802px;
}
.foot {
  width: 100%;
  height: 180px;
}
.foot-big {
  width: 100%;
  height: 140px;
  padding: 15px 0 0 260px;
}
.foot-left {
  width: 940px;
  height: 107px;
  line-height: 107px;
  text-align: center;
  float: left;
  border-right: 1px solid #8791A5;
}
.foot-left a {
  text-decoration: none;
  font-size: 20px;
  margin: 0 20px;
  color: #fff;
}
.foot-left a:hover {
  color: blue;
}
.foot-right {
  width: 370px;
  height: 107px;
  float: left;
}
.email {
  color: #B5C0D4;
  text-align: center;
}
#right-top {
  width: 370px;
  height: 80px;
  line-height: 80px;
  text-align: center;
}
#right-top span {
  padding-right: 20px;
}
.foot-bj {
  width: 300px;
  height: 150px;
  position: relative;
  margin: -235px 0 0 0;
}
.hideImg1 {
  width: 150px;
  height: 150px;
  position: absolute;
  margin: -10px 0 0 10px;
  display: none;
}
.hideImg2 {
  width: 150px;
  height: 150px;
  position: absolute;
  margin: -10px 0 0 70px;
  display: none;
}
.hideImg3 {
  width: 150px;
  height: 150px;
  position: absolute;
  margin: -10px 0 0 195px;
  display: none;
}
.btn {
  width: 100%;
  height: 40px;
  line-height: 25px;
  background: #5C6679;
  color: #fff;
  text-align: center;
}
